<template>
	<div >
		<img :src="bgImg" alt="" class="guanYu"/>
		<div class="mineNav">
		    <p>关于</p>
		</div>
		<router-link :to="{name:'mineIndex'}">
			<img class="leftArrow" src="../../../assets/images/dynamicState/37/f-1.png" alt="" />
		</router-link>
		<div class="guanYuBody">
			<div class="logoImg">
				<img :src="logoImg" alt="" />
			</div>
			<p class="banBen">v1.0版</p>
			<div class='jianCha'>
				<p>检查更新</p>
			</div>
			<p class="suoYou">版权所有</p>
		</div>

	</div>
</template>

<script>
	export default {
		data(){
			return{
				rowImg:require("../../../assets/images/mine/47/rightRow.png"),
				bgImg:require("../../../assets/images/movieClips/4/login_bg.png"),
				logoImg:require("../../../assets/images/mine/62/about_logo.png"),
			}
		}
	}
</script>

<style scoped lang="less">
	@current: 100rem;
	.mineNav {
		height: 88/@current;
		p{
			height: 88/@current;
			line-height: 88/@current;
			text-align: center;
			font-size: 36/@current;
			color:white;
		}
	}
	.leftArrow {
		position: fixed;
		top: 26/@current;
		left: 40/@current;
		z-index: 333;
		width: 22/@current;
	}
    .guanYu{
    	position:absolute;
    	z-index: -20;
    	width:100%;
    	height:100;
    }
    .guanYuBody{
    	.logoImg{
    		margin-top:80/@current;
    		width:262/@current;
    		height:302/@current;
    		margin-left:190/@current;
    		background: #841085;
    		border:1/@current solid white;
    		img{
    		   width:260/@current;
    		   height:300/@current;
    		  
    		}
    	}
    }
    .banBen{
    	font-size:30/@current;
    	color:#A54BE8;
    	margin-left:360/@current;
    }
    .jianCha{
    	width:400/@current;
    	height:75/@current;
    	margin-left:120/@current;
    	margin-top:260/@current;
    	background:#7a4096;
    	border:2/@current solid #9b48d8;
    	p{
    		font-size:26/@current;
    		color:white;
    		height:75/@current;
    		line-height:75/@current;
    		text-align: center;
    	}
    }
  .suoYou{
  	font-size:24/@current;
  	color:#937f9c;
  	text-align: center;
  	margin-top:140/@current;
  	
  }
</style>